今天來分享踏入網頁開發會用到的學習資源，蠻多人會說是網頁開發三兄弟（三寶？），HTML、CSS、Javascript，以學習順序來說，也是按照這個順序。

不過HTML、CSS通常會一起學習，可以用這兩個厲害的酷東西，把你看到的網站頁面運用 HTML + CSS 寫出來，算是很有成就感的地方，可能也只有這邊是最歡樂的地方了（咦

HTML + CSS

YT影片：金魚都能懂的網頁設計入門
YT影片：金魚都能懂的網頁切版教學
YT影片：HTML & CSS Crash Course Tutorial
YT影片：HTML Tutorials for Beginners
YT影片：CSS Tutorials for Beginners
YT影片：HTML & CSS Full Course - Beginner to Pro

鐵人賽文章：重新認識 CSS
鐵人賽文章：金魚都能懂的 CSS 選取器- 金魚都能懂了你還怕學不會嗎 
鐵人賽文章：金魚都能懂的CSS必學屬性
鐵人賽文章：不只是寫寫CSS，切版概念30天

六角課程：使用 HTML、CSS 開發一個網站
六角課程：網頁切版直播班

接下來就是深淵 - Javascript

JavaScript

YT影片：【前端速成】JavaScript JS 快速入門｜Tiktok工程師帶你入門前端｜布魯斯前端

YT影片：Javascript Tutorials for Beginners

YT影片：JavaScript Tutorial for Beginners - Full Course in 8 Hours [2020]
YT影片：JavaScript Full Course (2023) - Beginner to Pro - Part 1
YT影片：JavaScript Full Course (2023) - Beginner to Pro - Part 2 Lesson 13
YT影片：JavaScript Full Course (2023) - Beginner to Pro - Part 2 Lesson 14

鐵人賽文章：JavaScript基本功修煉
鐵人賽文章：重新認識 JavaScript 系列文章
鐵人賽文章：JavaScript 原力覺醒 - 成為絕地武士之路
鐵人賽文章：咩色用得好，歸剛沒煩惱 - 從 ECMAScript 偷窺 JavaScript Array method
鐵人賽文章：我每天都接一個API
鐵人賽文章：用 Javascript 當個影像魔術師

網站：JavaScript30
hackmd筆記：JS30 我要成為 JavaScript 大師
鐵人賽文章：新手也能懂的JS30
YT影片：深入淺出 Javascript30 快速導覽

網站： javascript.info

六角課程：JavaScript 前端修練全攻略
六角課程：JavaScript 核心篇

啊如果你覺得很麻煩，這邊送上懶人包大法，web套餐，照著嗑完也是一個選擇，有些課程涵蓋到後端的部分，不一定要看完，時間有多再看

YT影片：前端新手技能樹
Coursera課程：IBM Front-End Developer Professional Certificate
Coursera課程：Meta Front-End Developer Professional Certificate

Udemy課程：100 Days Of Code - 2023 Web Development Bootcamp
Udemy課程：50 Projects In 50 Days - HTML, CSS & JavaScript
Udemy課程：The Complete Web Developer in 2023: Zero to Mastery
Udemy課程：2023 網頁全端開發

明天再來分享前端框架 - 御三家之一 React

如果想買udemy的課程，建議在特價的時候入手，通常假日都是原價，平日價格在330-430之間，要買要快？

學習資源很多，可以都點看看，尋找最適合你的，看得下去的課程，不是每個課程都會適合所有人。

今天收工！ 沈浸在學習資源真滴快樂？